﻿@model TestHttpModules.Models.ShoppingCartItem
@{
    ViewBag.Title = "Create";
}
<h2>
    Create</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="../../Scripts/JQueryExtensions.js" type="text/javascript"></script>
<style type="text/css">
    li { list-style-type: none; float: left; margin: 10px 10px 0px 0px; }
    
    img { width: 100px; height: 100px; }
</style>
@using (Html.BeginForm())
{
    <fieldset>
        <legend>ShoppingCartItem</legend>
        @Html.ValidationSummary(true)
        @for (int i = 0; i < 2; i++)
        {
            <div class="editor-label">
                @Html.LabelFor(model => model.Name)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Name)
                @Html.ValidationMessageFor(model => model.Name)
            </div>
        }
        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}<script type="text/javascript">
     function changePic(data) {
         $('#UserImg').val(data);
         $("#headpic").attr('src', data);
     }
</script>
<ul>
    <li>
        <img alt="001" src="@Url.Action("Image", new { id = "ui-bg_flat_0_aaaaaa_40x100" })"/></li>
    <li>
        <img alt="002" src="@Url.Action("Image", new { id = "ui-bg_glass_95_fef1ec_1x400" })"/></li>
    <li>
        <img alt="003" src="@Url.Action("Image", new { id = "ui-icons_cd0a0a_256x240" })"/></li>
    <li>
        <img alt="004" src="@Url.Action("Image", new { id = "ui-icons_222222_256x240" })"/></li>
</ul>
<iframe src="@Url.Action("PDF", new { id = "RedisCookbook.2011" })"></iframe>
<div>
    @Html.ActionLink("Back to List", "Index")
</div>
